<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>How To Make A Delicious Pie</title>
		<link href="CSS/index.css" rel="stylesheet" type="text/css" />
	</head>
	<body>
		<div class="top-bar" id="J_top_bar">
			<ul class="bar-left">
				<li><a href=""><span>The food World</span></a></li>
				<li><a href="">Home</a></li>
				<li><a href="">Recipe</a></li>
				<li><a href="">Gredient</a></li>
				<li><a href="">Selected</a></li>
				<li><a href="">Health</a></li>
				<li><a href="">Theme</a></li>
				<li><a href="">Community</a></li>
				<li><a href="">Topic</a></li>
				<li><a href="">Activity</a></li>
			</ul>
		</div>
		<div class="page_title">
			<h1 class="title">Grandma's Lemon Meringue Pie</h1><br />
		</div>
		<hr />
		<div class="page_intro">
			<a href="pie.html" class="item" title="Grandma's Lemon Meringue Pie">
				<img src="http://courses.cs.washington.edu/courses/cse190m/09sp/homework/1/pie.jpg" alt="It's the Grandma's lemon Meringue pie."
				class="pie_pic">
			</a>
			<p><a href="pie.html" class="img_title">Grandma's Lemon Meringue Pie</a></p>
		</div>
		<hr /><br /><br />
		<div class="link">
			<a href="http://validator.w3.org/check/referer">
				<img src="image/HTML.png" alt="Valid HTML"/>
			</a>
			<a href="http://jigsaw.w3.org/css-validator/check/referer">
				<img src="image/CSS.png" alt="Valid CSS"/>
			</a>
		</div>
	</body>
</html>